﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="logo.aspx.cs" Inherits="FileConverter.TEST.logo" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>登录</title>
    
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">


    <script type="text/javascript" src="../Scripts/jquery-1.8.2.js"></script>

   <%-- <script type="text/javascript" src="JS/login.js"></script>--%>


     <link rel="stylesheet" href="mui/mui.min.css"/>
    <script type="text/javascript" src="mui/mui.min.js"></script>
    <script type="text/javascript" src="mui/app.js"></script>

    <style>
			html,body {
				background-color: #efeff4;
			}
			header.mui-bar{
				display: none;
			}
			.mui-bar-nav~.mui-content{
				padding: 0;
			}
		</style>
</head>
<body>
<div class="mui-content">
    <div class="mui-card">
        <ul class="mui-table-view">
		    <li class="mui-table-view-cell mui-collapse">
            <div class="mui-input-row">
                <label>用户名</label>
                <input type="text" id="userName" class="mui-input-clear" placeholder="用户名/微信">
            </div>
            <div class="mui-input-row">
                <label>密码</label>
                <input type="password" id="passWord" class="mui-input-clear" placeholder="密码">
            </div>
            <div class="mui-button-row">
            <input id="login1" type="button" class="mui-btn mui-btn-primary" value="登录1" />
            <button class="mui-btn mui-btn-primary" id="login" >登录</button>&nbsp;&nbsp;
            <button class="mui-btn mui-btn-primary" id="cancel">取消</button>
            </div>
        </li>
        </ul>
    </div>
</div>

    <script type="text/javascript" charset="utf-8">

        document.getElementById("login").addEventListener('tap', function () {
            mui.alert(document.getElementById("userName").value, 'Hello MUI', function () {
                info.innerText = '你刚关闭了警告框';
            });
        });

        document.getElementById("login1").addEventListener('tap', function () {
            var btnArray = ['是', '否'];
            mui.confirm('MUI是个好框架，确认？', 'Hello MUI', btnArray, function (e) {
                if (e.index == 0) {
                    info.innerText = '你刚确认MUI是个好框架';
                } else {
                    info.innerText = 'MUI没有得到你的认可，继续加油'
                }
            })
        });

        //TODO iOS 8.x平台存在bug，使用plus.nativeUI.prompt会造成输入法闪一下又没了，故临时使用click代替tap；
        document.getElementById("promptBtn").addEventListener('click', function () {
            var btnArray = ['确定', '取消'];
            mui.prompt('请输入你对MUI的评语：', '性能好', 'Hello MUI', btnArray, function (e) {
                if (e.index == 0) {
                    info.innerText = '谢谢你的评语：' + e.value;
                } else {
                    info.innerText = '你点了取消按钮';
                }
            })
        });
        document.getElementById("toastBtn").addEventListener('tap', function () {
            mui.toast('欢迎体验Hello MUI');
        });
   
       
		</script>

</body>

</html>
